<template>
	<view class="container">
		<view>
			<view class="title">
				{{details.title}}
			</view>
			<view class="introduce">
				<text style="margin-right: 20upx;">来源：{{details.createBy}}</text>
				<text>{{details.publishTime}}</text>
			</view>
<!-- 			<view class="img_box" v-if="details.coverImageUrl">
				<image mode="widthFix" :src="details.coverImageUrl" class="img_box"></image>
			</view> -->
			<view class="activity_text">
				<uParse :content="details.content" @preview="preview" @navigate="navigate" />
			</view>
			
		</view>
	</view>
</template>

<script>
	import uParse from '@/components/gaoyia-parse/parse.vue'
	export default {
		data() {
			return {
				// flag: 0,
				dataUuid: '',
				details:{
					title:'',
					createBy:'',
					publishTime:'',
					coverImageUrl:'',
					content:''
				},
			}
		},
		components: {
			uParse
		},
		onLoad(options) {
			if (options) {
				this.dataUuid = options.dataUuid
				console.log(this.dataUuid)
				this.getArticalDetails(this.dataUuid)
			}
		},
		methods: {
			getArticalDetails(dataUuid){
				let params = {
				 "pressReleaseUuid":dataUuid
				}
				this.$api.request.getArticalDetails(params, (res) => {
					console.log(res.body.data)
					if (res.body.status.statusCode == "0") {
						this.details = res.body.data.pressReleaseEntity
					}
				})
			},
			preview() {
			
			},
			navigate() {
			
			},
		}
	}
</script>

<style>
	page{
		background-color: #FBFBFB;
	}
	
	.container {
		width: 100%;
		background-color: #FBFBFB;
		overflow: hidden;
		padding: 32upx;
	}

	.title {
		font-size: 36upx;
		margin-bottom: 16upx;
		font-weight: 600;
	}
	
	.activity_text {
		padding: 0upx;
	}

	.introduce {
		display: flex;
		font-size: 26upx;
		color: #909399;
		margin-bottom: 12upx;
	}

	.img_box {
		width: 100%;
		text-align: center;
		border-radius: 10upx;
	}

	.otherText {
		text-align: center;
		width: 100%;
		line-height: 60upx;
	}
</style>
